﻿// Tạo hiệu ứng form xừ lý them xóa sửa
function selectOptions(divInsert,divDelete,divUpdate,elementRadio){
	switch(elementRadio){
		case "rInsert":{
			// set bien nhan biet la them
			$('#'+divInsert).hide('fast');
			$('#'+divInsert).slideDown('slow');
			setTimeout("$('#lbl_action').html('Thêm nhà trọ')",300);
			$('#btInsert').show();
			$('#btUpdate').hide();
			//$('#'+divDelete).slideUp('slow');
			//$('#'+divUpdate).slideUp('slow');

//            //xoa tat ca marker tren man hinh
//			google.maps.Map.prototype.clearMarkers = function () {
//			    for (var i = 0; i < this.markers.length; i++) {
//			        this.markers[i].setMap(null);
//			    }
//			    this.markers = new Array();
//			};
			//sau do them vao marker co the di chuyen
//			var marker = new google.maps.Marker({
//			    map: map,
//			    position: new google.maps.LatLng(37.4419, -122.1419),
//			    draggable: true
//			});
			break;	
		}
		case "rDelete":{
			// set bien nhan biet la delete
			$('#'+divInsert).hide('fast');
			$('#'+divInsert).slideDown('slow');
			setTimeout("$('#lbl_action').html('Xóa nhà trọ')",300);
			//$('#'+divInsert).slideUp('slow');
			//$('#'+divDelete).slideDown('slow');
			//$('#'+divUpdate).slideUp('slow');
			break;	
		}
		case "rUpdate":{
			// set bien nhan biet la Update
			$('#'+divInsert).hide('fast');
			$('#'+divInsert).slideDown('slow');
			setTimeout("$('#lbl_action').html('Cập nhật nhà trọ')",300);
			//$('#'+divInsert).slideUp('slow');
			//$('#'+divDelete).slideUp('slow');
			//$('#'+divUpdate).slideDown('slow');
			$('#btInsert').hide();
			$('#btUpdate').show();
			break;	
		}
	}
}
function getListPhuong(){
	var strHTML = '';
	$.ajax({
        url: "http://localhost:1445/NhaTroService.svc/Phuong/DanhSach",
        data: "{}",
        type: "GET",
        contentType: "application/javascript", //set ajax call through cross domain
        dataType: "jsonp",
        success: function (data) {
            
			//strHTML += '<option value="' + + data[index].MaPhuong +'">' + data[index].TenPhuong + '</option>';
            $.each(data, function (index) {
                strHTML += '<option value="' + data[index].MaPhuong +'">' + data[index].TenPhuong + '</option>';
            }); 
			$('#maph').html(strHTML);
			$('#maph').css('width','100%');
			$('#spanLoad').hide();
        } //end success function
    });   //end ajax
}
function getListDuong(){
	var strHTML = '';
	$.ajax({
        url: "http://localhost:1445/NhaTroService.svc/Duong/DanhSach",
        data: "{}",
        type: "GET",
        contentType: "application/javascript", //set ajax call through cross domain
        dataType: "jsonp",
        success: function (data) {
            
			//strHTML += '<option value="' + + data[index].MaPhuong +'">' + data[index].TenPhuong + '</option>';
            $.each(data, function (index) {
                strHTML += '<option value="' + data[index].MaDuong +'">' + data[index].TenDuong + '</option>';
            }); 
			$('#mad').html(strHTML);
			$('#mad').css('width','100%');
			$('#spanLoad2').hide();
        } //end success function
    });   //end ajax
}

$(document).ready(function () {
    // autocompleta
    $('#mad').autocomplete('Search_CS.ashx');
    // Option action
    $('#divInsert').slideDown('slow');
    $('#rInsert').click(function () {
        selectOptions('divInsert', 'divDelete', 'divUpdate', 'rInsert');
    });
    $('#rUpdate').click(function () {
        selectOptions('divInsert', 'divDelete', 'divUpdate', 'rUpdate');
    });
    $('#rDelete').click(function () {
        selectOptions('divInsert', 'divDelete', 'divUpdate', 'rDelete');
    });
	// Khi nhập địa điểm xong, bắt event blur thuc hiện ajax Insert và GetLastID cua DIADIEM
	$('#tendd').blur(function(){
       //alert(TenDiaDiem = $('#tendd').val());
	   // Đầu tiên thêm vào bảng địa điểm trước. - ajax trong ajax
		$.ajax({
			// Gọi lên WCF GET nhưng có insert và getLasID về
            url: "http://localhost:1445/NhaTroService.svc/TenDiaDiem/" + $('#tendd').val(),
			data: "{}",
       		type: "GET",
        	contentType: "application/javascript", //set ajax call through cross domain
        	dataType: "jsonp",
            error: function (msg) {
				err = 'Error--> ' + msg;
                alert(err);
            },
            success: function (msg) {
				//alert(msg);
				$('#MaTenDiaDiem').val(msg);
				isSearch=0; // khóa chức năng tìm kiếm chức năng 
                //alert("Thêm địa điểm thành công");
				$('#lbl_MaTenDiaDiem').html('Thêm mới thành công ID = ' + msg);
				$('#lbl_MaTenDiaDiem').css({'color':'green', 'font-weight':'bold'});
				$('#lbl_MaTenDiaDiem').fadeIn('slow');
				//
				$('#sonha').focus();
			}
		}); // ajax
	}); // blur
    /// Insert Data
    $('#btInsert').click(function () {
        if ($('#sonha').val() == '') {
            alert('Mã đường không hợp lệ');
            return;
        }
        if (isNaN(Number($('#latitude').val())) || $('#latitude').val() == '') {
            alert('Vĩ độ không hợp lệ');
            return;
        }
        if (isNaN(Number($('#longitude').val())) || $('#longitude').val() == '') {
            alert('Kinh độ không hợp lệ');
            return;
        }
		
		// ajax Insert
		
		var jData = {};
		var strJSON = '';
		// MaDuLieu = 0 là tuong trưng để serial cho đúng calss, thực tế MaDuLieu bên Server xử lý
		// Dùng JSON kiểu này lỗi
		// Hoặc lỗi ở hàm   JSON.stringify(jData); --> Đã JSON rồi parse mần chi ???
		/*
		jData.MaDuLieu = 0,
		jData.MaTenDiaDiem = $('#MaTenDiaDiem').val(),
		jData.MaDichVu = 20,
		jData.SoNha = $('#sonha').val(),
		jData.ChuThich = $('#chuthich').val(),
		jData.MaDuong = $('#mad').val().split("-")[0],
		jData.MaPhuong = $('#maph').val(),
		jData.MaQuanHuyen = $('#maqh').val(),
		jData.MaTinhThanh = $('#matinhthanh').val(),
		jData.KinhDo = $('#longitude').val(),
		jData.ViDo = $('#latitude').val()
		*/
		// Như vầy mới đúng
		strJSON += '{"MaDuLieu":5115,';
		strJSON += '"MaTenDiaDiem":' + $('#MaTenDiaDiem').val() + ',';
		strJSON += '"MaDichVu":' + '20' + ',';
		strJSON += '"SoNha":' + '"' + $('#sonha').val() + '"' + ',';
		strJSON += '"ChuThich":' + '"' + $('#chuthich').val() + '"' + ','
		strJSON += '"MaDuong":'  + $('#mad').val() + ',';
		strJSON += '"MaPhuong":' + $('#maph').val() + ',';
		strJSON += '"MaQuanHuyen":' + $('#maqh').val() + ',';
		strJSON += '"MaTinhThanh":' + $('#matinhthanh').val() + ',';
		strJSON += '"KinhDo":' +  $('#longitude').val() + ',';
		strJSON += '"ViDo":' + $('#latitude').val() + '}';
		// String Test Insert NhaTro in Access :
		//Insert Into DULIEU(MaDuLieu,MaDichVu,MaTenDiaDiem,SoNha,MaDuong,MaPhuong,MaQuanHuyen,MaTinhThanh,KinhDo,ViDo,ChuThich)  values(5115,20,29502305,'123',799,92,26,16,106.44275665283203,10.765457061021339,'Chu Thich')
		
		var objJSON = JSON.stringify(strJSON);
//'{"MaDuLieu":5115,"MaTenDiaDiem":"29502312","MaDichVu":20,"SoNha":"123","ChuThich":"aqsas","MaDuong":"799","MaPhuong":"92","MaQuanHuyen":"26","MaTinhThanh":"16","KinhDo":"106.44275665283203","ViDo":"10.765457061021339"}');
		alert(objJSON);
		$.ajax({
			url: "http://localhost:1445/NhaTroService.svc/Add",
			type: "POST",
			contentType: "application/json; charset=utf-8",
			data: objJSON,
			success: function (msg) {
				alert('success');
			},
			error: function (msg) {
				alert(msg);
			}
		}); // end ajax 
    }); // function button Insert
});


